<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
	<style>
	   #demo{
	        background:#FFFFFF;
			border:none;
			height:25px; 
			font-size:19px;
			width:180px;
			padding:3px;
			position:absolute;
		    margin-left:283px;
			margin-top:15px
	   }
	   #demo1{
	        background:#FFFFFF;
			border:none;
			color:#FC1944;
			font-size:16px;
			width:60px;
			position:absolute;
		    margin-left:329px;
			margin-top:40px
	   }
	   #demo2{
	        background:#FFFFFF;
			border:none;
			font-size:16px;
			width:100px;
			position:absolute;
		    margin-left:325px;
			margin-top:80px
	   }
	   #demo3{
	        background:#FFFFFF;
			border:none;
			font-size:16px;
			width:40px;
			position:absolute;
		    margin-left:285px;
			margin-top:80px
	   }
	   
	   #demo4{
	       position:absolute;
		   margin-left:0px;
	   
	   }
	   #demo5{
	        background:#FFFFFF;
			border:none;
			color:#FC1944;
			font-size:16px;
			width:60px;
			position:absolute;
		    margin-left:285px;
			margin-top:40px
	   }
	   #app{
	        background:#FFFFFF;
			border:none;
			font-size:16px;
			width:150px;
			position:absolute;
		    margin-left:290px;
			margin-top:110px;
			transform :scale(0.8)
	   }
 .box{
     display: -webkit-flex;
     display:flex;
     flex-direction: column; 
     flex-wrap: wrap;
	 justify-content:space-around;
     align-items: center;
   }
	</style>
</head>
<body>
   <div class="box">
<div>
<article  style="margin:10px auto;width:500px;height:185px;  background:#FFFFFF;padding:0px;border:2px solid #2CC3CF">
					    <figure style="margin:auto;">
		                <img src="img/1.png" width="280px" height="185px" alt="" id="demo4">
					   <input type="text"  name=""required  value="药品名称"
						id="demo"><br>
						<input value="价格：" id="demo5">
		                  <input type="text"  name=""required id="demo1" value="88888"><input type="text"  name=""required id="demo2" value="1352346" >
						  <input value="总价:" id="demo3">
						  <div class="bill" id="app">
						  	<template>
						  	  <el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="描述文字"></el-input-number>
						  	</template>
						  	<script>
						  	  var app = new Vue({
						  		el: '#app',
						  	    data() {
						  	      return {
						  	        num: 1
						  	      };
						  	    },
						  	    methods: {
						  	      handleChange(value) {
						  	        console.log(value);
						  	      }
						  	    }
						  	  });
						  	</script>
						  </div>
		                </figure>
			</article>
</div>
<div>
<article  style="margin:10px auto;width:500px;height:185px;  background:#FFFFFF;padding:0px;border:2px solid #2CC3CF">
					    <figure style="margin:auto;">
		                <img src="img/1.png" width="280px" height="185px" alt="" id="demo4">
					   <input type="text"  name=""required  value="药品名称"
						id="demo"><br>
						<input value="价格：" id="demo5">
		                  <input type="text"  name=""required id="demo1" value="88888"><input type="text"  name=""required id="demo2" value="1352346" >
						  <input value="总价:" id="demo3">
						  <div class="bill" id="app">
						  	<template>
						  	  <el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="描述文字"></el-input-number>
						  	</template>
						  	<script>
						  	  var app = new Vue({
						  		el: '#app',
						  	    data() {
						  	      return {
						  	        num: 1
						  	      };
						  	    },
						  	    methods: {
						  	      handleChange(value) {
						  	        console.log(value);
						  	      }
						  	    }
						  	  });
						  	</script>
						  </div>
		                </figure>
			</article>
</div>
<div>
<article  style="margin:10px auto;width:500px;height:185px;  background:#FFFFFF;padding:0px;border:2px solid #2CC3CF">
					    <figure style="margin:auto;">
		                <img src="img/1.png" width="280px" height="185px" alt="" id="demo4">
					   <input type="text"  name=""required  value="药品名称"
						id="demo"><br>
						<input value="价格：" id="demo5">
		                  <input type="text"  name=""required id="demo1" value="88888"><input type="text"  name=""required id="demo2" value="1352346" >
						  <input value="总价:" id="demo3">
						  <div class="bill" id="app">
						  	<template>
						  	  <el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="描述文字"></el-input-number>
						  	</template>
						  	<script>
						  	  var app = new Vue({
						  		el: '#app',
						  	    data() {
						  	      return {
						  	        num: 1
						  	      };
						  	    },
						  	    methods: {
						  	      handleChange(value) {
						  	        console.log(value);
						  	      }
						  	    }
						  	  });
						  	</script>
						  </div>
		                </figure>
			</article>
</div>
</div>
</body>
</html>